<template>

  <div style="height: 100px">
    <infoCourse></infoCourse>
    <el-container>
      <el-aside  width="200px" style="background-color: rgb(238, 241, 246);margin-left: 200px"><el-col :span="24"><div class="grid-content bg-purple-dark" style="height: 50px">收入记录</div></el-col>
        <el-menu>
          <el-menu-item-group>
            <template slot="title">我的课程</template>
            <el-menu-item index="1-1"><router-link to="/teacher/teacher_course/teacher_courseall" tag="span">全部课程</router-link></el-menu-item>
            <el-menu-item index="1-2"><router-link to="/teacher/teacher_course/teacher_coursecourse" tag="span">课程</router-link></el-menu-item>
            <el-menu-item index="1-3"><router-link to="/teacher/teacher_course/teacher_courselive" tag="span">直播课程</router-link></el-menu-item>
            <el-menu-item index="1-4"><router-link to="/teacher/teacher_course/teacher_coursepublish" tag="span">发布课程</router-link></el-menu-item>
          </el-menu-item-group>
        </el-menu>
      </el-aside>
      <el-main><router-view></router-view></el-main>
    </el-container>

  </div>
</template>

<style scoped>
.el-header {
  background-color: #B3C0D1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}
</style>

<script>
import infoCourse from "../teacher/teacherinfoleft";

export default {
  components:{
    'infoCourse':infoCourse,
  },
};
</script>
